<style type="text/css">
#Character_labeltitle_first{ height:auto !important;max-height: 75px !important;}
#Character_labeltitle_first li{padding: 0px 15px;height: 26px;line-height: 27px;}


    .kechengxinxitongji
    {
        left: 18%;
    }
    .kechengxinxitongji_main_xq_shaixuan
    {
        border-top: 1px solid #ddd;
    }
    .new_curriculum_kechengtongji .new_curriculum_kechengtongji_main .course_chapters_column_main_item_right
    {
        width: 210px;
    }
    
    .course_chapters_column_main
    {
        animation: slRightIn 0.4s both ease-in;
        -webkit-animation: slRightIn 0.4s both ease-in; /* Safari 和 Chrome */
    }
    .course_chapters_column_main_item_right a{ text-decoration:none;color:#666; }
    .course_chapters_column_main_item_right a:hover{ text-decoration:underline; color:#1d72f0; }
    .kechengxinxitongji_main ul{min-height: 232px;}
    .personnel_learning_main .personnel_learning_main_item:hover{border:1px solid #39f; cursor:pointer;}
    .kechengxinxitongjibg{width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);position: fixed;top: 0;left: 0; z-index: 999;}
    .kechengxuexijilu{ left:40%;width:580px; z-index:1000;}
    .kechengjiluliebiao li {margin-top:0px !important; width:100% !important;border:0px!important; border-top:1px solid #ddd !important;padding:0px !important;text-align: center;}
    .kechengjiluliebiao li div {float:left; padding:5px;line-height:32px;height:30px;font-size:12px;}
    .kechengjiluliebiao li .kcmc   {width:100px;}
    .kechengjiluliebiao li .mc   {width:100px;}
    .kechengjiluliebiao li .kssj {width:120px;}
    .kechengjiluliebiao li .jssj {width:120px;}
    .kechengjiluliebiao li .sc   {width:50px;}
    .xuexijiluloading { cursor:pointer; color:#39f;}
</style>

<div class="traintaskxq" ng-controller="trainprogresslist">
<!--查看人员的详细学习记录-->
 <div class="kechengxinxitongjibg" ng-if="recoreShow" ng-click="closeRecoreList()">
        </div>
    <div class="kechengxinxitongji kechengxuexijilu" ng-if="recoreShow">
        
		<div class="kechengxinxitongji_title" style="margin-bottom:0px;"><div>{{recoreTitle}}的学习记录</div><div class="close" ng-click="closeRecoreList()"><span>+</span></div></div>
		<div class="kechengxinxitongji_main">			
			<!-- .kechengxinxitongji_main_xq_liebiao里面的内容，根据.kechengxinxitongji_main_xq_shaixuan这个css里面的选择而发生更新 -->
			<ul class="kechengxinxitongji_main_xq_liebiao kechengjiluliebiao">
                <li style="margin-bottom:5px;">
                    <div>
                    <div style="margin-top:-6px;">日期筛选：</div>
                    <input id="startTime" placeholder="开始日期" onclick="wdatepicker({highLineWeekDay:true})" style="width:80px;border:0px;" ng-focus="getRecoreTime()" onfocus="var endTime=$dp.$('endTime');wdatepicker({onpicked:function(){endTime.focus();},maxDate:'#F{$dp.$D(\'endTime\')}'})" ng-model="peopleParams.startDate" />
                    <span>-</span>
                    <input id="endTime" placeholder="截止日期" value="" onclick="wdatepicker()" ng-focus="getRecoreTime()" style="width:80px;border:0px;" onfocus="wdatepicker({minDate:'#F{$dp.$D(\'startTime\')}'})" ng-model="peopleParams.endDate">
                    </div>
                    <div ng-click="selWhereRecoreList()" class="ng-binding" style=" cursor:pointer;">
                        <svg class="icon" aria-hidden="true"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-sousuo"></use></svg>
                        确认筛选
                    </div>
                    <div ng-click="selWhereRecoreList(1)" class="ng-binding" style="cursor:pointer;">                        
                        全部
                    </div>
                </li>
				<li>
                    <div class="kcmc">名称</div>
					<div class="mc">小节名称</div>
                    <div class="kssj">类型</div>
                    <div class="jssj">结束时间</div>
                    <div class="sc">时长</div>
				</li>
				<li ng-repeat="rItem in peopleRecoreList">
					<div class="mc" ng-bind="rItem.sectionName"></div>
                    <div class="kssj" ng-bind="rItem.timeStart"></div>
                    <div class="jssj" ng-bind="rItem.timeEnd"></div>
                    <div class="sc" ng-bind="rItem.timeLearn+'分钟'"></div>
			    </li>
                <li ng-click="nextRecoreList()" class="xuexijiluloading" ng-if="!peopleRecoreLoading && peopleRecoreList.length < peopleRecoreListCount">加载更多学习记录</li>			
                <li ng-if="peopleRecoreLoading"><img src="/images/recoreloading.gif" /></li>	
				<div class="clear"></div>
			</ul>			
		</div>
		

	</div>






	<div class="traintaskxq_top">
        <div ng-click="gobackexam()" ng-show="params.paper_id!=''" class="train_liebiao_delect" style="color:#39f;">
                    <svg class="icon" aria-hidden="true"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chexiao"></use></svg>
                    返回上一级</div>
		<div class="traintaskxq_top_left" style="font-size:16px;" title="{{arrangeinfo.name}}" ng-click="updateCount()">任务名称：{{arrangeinfo.name.length>12?arrangeinfo.name.substring(0,12)+"...":arrangeinfo.name}}</div>
        <!--筛选-->
		<div class="traintaskxq_top_right">
        <div style=" border:none; background:none;">当前查询状态：</div>
			<!--<div class="traintaskxq_top_right_pxjd" ng-if="false">全部<div class="traintask_top_pxjd_wks active"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-circle"></use></svg>未开始</div>
					<div class="traintask_top_pxjd_jxz"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-circle"></use></svg>进行中</div>
					<div class="traintask_top_pxjd_ywc"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-circle"></use></svg>已完成</div></div>-->
			<div ng-click="trainStatistic = true">
            <span ng-if="params.state==1">进行中</span>
            <span ng-if="params.state==2">已完成</span>
            <span ng-if="params.state==3">未开始</span>
				<span class="caret"></span>
				<ul class="dropdown-menu" ng-show="trainStatistic" ng-mouseleave="trainStatistic = false">
					<!--<li class="traintask_top_pxjd_all"  ng-click="handleWhere('0')"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-biaoqianhuise"></use></svg>全部进度</li>-->
					<li class="traintask_top_pxjd_wks" ng-click="handleWhere('3')"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-circle"></use></svg>未开始</li>
					<li class="traintask_top_pxjd_jxz" ng-click="handleWhere('1')"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-circle"></use></svg>进行中</li>
					<li class="traintask_top_pxjd_ywc" ng-click="handleWhere('2')"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-circle"></use></svg>已完成</li>
				</ul>
			</div>
			<input type="text" placeholder="请输入用户名称模糊查询" class="traintask_top_sousuo" ng-model="params.username"  ng-keyup="findlistbyEnter($event)">
			<div ng-click="findlistbybutton()"> <svg class="icon" aria-hidden="true" ><use xlink:href="#icon-sousuo"></use></svg>确认筛选 </div>
            <div class="traintask_top_add ">
                <a ng-click="downloadExcel()"  style="text-decoration:none; out-line: none; color:#000 "><svg class="icon" aria-hidden="true"><use xlink:href="#icon-jilu"></use></svg>
                导出记录</a>
             </div>               
		</div>
	</div>
	<div class="traintaskxq_main">
		<div class="traintaskxq_main_left">
		    <div class="traintaskxq_main_left_shaixuan">
		    <selectormodal ng-if="ApiData.ApiOpen"   apidata="ApiData" ></selectormodal>
		    </div>
		    <div class="traintaskxq_main_left_rwjs">
		    	<ul>
                    <li ng-if="arrangeinfo.date_formate==0"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-shijian3"></use></svg>无限制</li>
		    		<li ng-if="arrangeinfo.date_formate==1"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-shijian3"></use></svg>任务时间：{{arrangeinfo.start_Date | to_date}}-{{arrangeinfo.end_Date | to_date}}</li>
                    <li ng-if="arrangeinfo.date_formate==2"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-shijian3"></use></svg>时间天数：{{arrangeinfo.date_formate_time}}</li>
		    		<li ng-if="arrangeinfo.qualified_condition==1"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-xuefen"></use></svg>要求学时：{{arrangeinfo.qualified_pass}}分钟</li><li ng-if="arrangeinfo.qualified_condition==2"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-xuefen"></use></svg>要求分数：{{arrangeinfo.qualified_pass}}分</li>
		    		<li ng-if="false"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-jiangli"></use></svg>考核奖励：暂无</li>
                    <!--<svg class="icon" aria-hidden="true"><use xlink:href="#icon-jichutubiao_jiangli"></use></svg>-->
		    		<li ng-if="arrangeinfo.qualified_condition==1"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-jilu2"></use></svg>考核条件：学满{{arrangeinfo.qualified_pass}}学时<span ng-if="arrangeinfo.qualified">，便可进入下一阶段</span></li>
                    <li ng-if="arrangeinfo.qualified_condition==2"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-jilu2"></use></svg>考核条件：分数达到{{arrangeinfo.qualified_pass}}分<span ng-if="arrangeinfo.qualified">，便可进入下一阶段</span></li>
                     <li ng-if="arrangeinfo.qualified_condition !=2 && arrangeinfo.qualified_condition !=1"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-jilu2"></use></svg>无考核条件<span>，任意阶段学习</span></li>
                    
		    	</ul>
		    </div>
		</div>
		<div class="traintaskxq_main_right">
			<ul class="traintaskxq_main_rightul" style="min-height:613px">
				<li>
					<div class="traintask_main_liebiao_checkbox" style="width: 3%;">
						<!--<div class="liebiaocheck-box" ng-click="selectAll()" ng-class="{selected:select_all}">
                            <!--添加selected为选中样式-->
                        <!--<span class="iconfont"></span>
                        </div>-->
					</div>
					<div class="traintask_main_liebiao_name">姓名</div>
					<div class="traintask_main_liebiao_pxjd">学习状态</div>
					<div class="traintask_main_liebiao_lxfs">联系方式</div>
                    <div class="traintask_main_liebiao_khzt" style="width: 15.5%;">开始学习</div>
					<div class="traintask_main_liebiao_zhxx" style="width: 15.5%;">最后学习</div>
					<!--<div class="traintask_main_liebiao_khzt">考核状态</div>-->
                    
				</li>                
                <center ng-show="List.length<=0">
                    <img src="/images/null.png">
                </center>
                <!--Loading-->
                <loading isloading="trainingTaskLoading"></loading>  
              
				<li class="traintask_main_liebiaoli " ng-repeat="progressobj in List" ng-class = "{ 'traintask_main_liebiao_wancheng': (progressobj.completeCount/arrangeinfo.courser_count)*100 >=100, 'traintask_main_liebiao_weikaishi': (progressobj.completeCount/arrangeinfo.courser_count)*100 <=0 || !progressobj.completeCount,'traintask_main_liebiao_jinxingzhong': (progressobj.completeCount/arrangeinfo.courser_count)*100 >0 && (progressobj.completeCount/arrangeinfo.courser_count)*100 <100}">                
					<div class="traintask_main_liebiao_checkbox" style="width: 3%;">
						<!--<div class="liebiaocheck-box" ng-click="selectAll()" ng-class="{selected:select_all}">-->
                            <!--添加selected为选中样式-->
                          <!--  <span class="iconfont"></span>
                        </div>-->
					</div>
					<div class="traintask_main_liebiao_name">
						<div class="traintask_main_liebiao_name_left">
                            <div class="qiyeliebiao_zhuceren_name_left" labelshow-directive="{{progressobj.user_Id==undefined?progressobj.user_ID:progressobj.user_Id}}">
                              <img ng-src="{{progressobj.user_Img}}" src="/images/avatar.png" onerror="javascript:this.src='/images/avatar.png'"/>
                            </div>
                        </div>
						<div class="traintask_main_liebiao_name_right">
							<div class="traintask_main_liebiao_name_right_name">{{progressobj.user_Name}}</div>
							<div class="traintask_main_liebiao_name_right_email">{{progressobj.user_Account}}</div>
						</div>
					</div>
					<div class="traintask_main_liebiao_pxjd ">
						<div >{{progressobj.completeCount?(progressobj.completeCount|number:2):0}}/{{arrangeinfo.courser_count}}（课程/试卷）</div>
						<div class="progress knowledge_shangchuanjindu_yulan">
	                        <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: {{(progressobj.completeCount/arrangeinfo.courser_count)*100}}%;">
	                        </div>
	                    </div>

						
					</div>
					<div class="traintask_main_liebiao_lxfs">{{progressobj.telephone?progressobj.telephone:'----'}}</div>
                     <!--开始学习时间 2017-10-18-->
                    <div class="traintask_main_liebiao_zhxx" style="width: 15.5%;">
                        <div ng-if="!showUpdateTime">
                            <div>{{progressobj.study_Date | to_time}}</div>
                            <div>{{progressobj.study_Date | to_date}}</div>
                        </div>
                        <div ng-if="showUpdateTime">
                            <input type="text" ng-model="progressobj.sDate" ng-blur="blurSave(progressobj,1)" class="xiaoge" style="width: 120px;font-size: 12px;"/>
                        </div>
					</div>
					<div class="traintask_main_liebiao_zhxx" style="width: 15.5%;">
                        <div ng-if="!showUpdateTime">
                            <div>{{progressobj.last_Date | to_time}}</div>
                            <div>{{progressobj.last_Date | to_date}}</div>
                        </div>
                        <div ng-if="showUpdateTime">
                            <input type="text" ng-model="progressobj.eDate" ng-blur="blurSave(progressobj,2)" class="xiaoge" style="width: 120px;font-size: 12px;"/>
                        </div>
					</div>
                    <!--考核状态 2017-10-18-->
					<!--<div  class="traintask_main_liebiao_khzt">{{progressobj.test_state?progressobj.test_state:'---'}}</div>-->
					
				</li>
             
			</ul>
            
			<div>
				
			</div>
		<tm-pagination ng-show="List.length>0" conf="paginationConf"></tm-pagination>
		</div>
	</div>
</div>
